﻿<!DOCTYPE HTML PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head lang="en">
    <title>IoT浏览器</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta name="format-detection" content="telephone=no">
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <!--<meta http-equiv="Cache-Control" content="no-siteapp" />-->
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
    <link rel="alternate icon" type="image/png" href="favicon.png">
    <link rel="stylesheet" href="/scripts/amazeui/amazeui.min.css" />
    <link rel="stylesheet" href="css/main.css" />
    <script src="/scripts/jquery-3.3.1.min.js"></script>
    <script src="/scripts/amazeui/amazeui.min.js"></script>
    <script src="/scripts/layer-v3.1.1/layer/layer.js"></script>
    <script src="/scripts/jquery.signalR-2.4.1.min.js"></script>
    <script src="js/base.js"></script>

    <style>
        .tip {
            text-align: left;
            color: brown;
        }

        .am-form-group {
            margin-bottom: 1.5rem;
            height: 30px;
        }

        .footer {
            position: absolute;
            bottom: 2px;
            text-align: center;
            color: #fff;
            width: 100%;
            font-size: 13px;
            padding: 2px;
        }

        .footer-left, .footer-center, .footer-right {
            float: left;
        }

        .footer-left {
            text-align: left;
            width: 30%;
        }

        .footer-center {
            width: 40%;
        }

        .footer-right {
            text-align: right;
            width: 30%;
        }

        .print-detail {
            height: 150px;
        }

            .print-detail img {
                height: 150px;
            }

        #main {
            padding-top: 90px;
            width: 100%;
            border: 0px;
            overflow: hidden;
        }

        html, body {
            overflow: hidden;
            padding: 0px;
        }
    </style>
    <script>
        var version = "1.0";
        var subTitle = "使用Web技术开发HIM/SCADA";
        var mainTitle = "物联网浏览器";
        var $main = $('#main')
        // 窗口初始化事件（操作窗口大小、标题）
        $(document).bind('dds.window.init', function (e, win) {
            var baseUrl = win.getBaseApi();
            win.setIcon(baseUrl + "/examples/images/weight-blue.png")
            win.setTitle(mainTitle);
            $('.footer-center').html('技术支持：xx')
            //$('.footer-left').text("版本号：" + version)
            $('#lblEID').text(win.getEID())
            setInterval(function () {
                win.setTitle('串口通讯/物联网开发/定制开发/技术支持 QQ群：829898907');
                setTimeout(function () {
                    win.setTitle(mainTitle);
                }, 5000)
            }, 10000)
            win.max()// 最大化
        });
        // 页面初始化事件
        $(function (o, c) {
            $main = $('#main')
            $main.height($(window).height() - 90);
            window.onresize = function () {
                $main.height($(window).height() - 90);
            }
            $('a[data-href]').click(function () {
                var href = $(this).data('href');
                var ext = $(this).data('ext');
                if (ext == '1') {
                    dds.window.processStart(href);
                    return;
                }
                openWin(href);
            })
            $('a[data-href]')[0].click()
        })
        function openWin(src) {
            if (src.indexOf('?') == -1) {
                src = src + "?v=" + version
            }
            $main.attr('src', src)
        }
    </script>

</head>

<body>
    <header>
        <div class="head">

            <div class="title">
                <img src="images/weight-blue.png" alt="" />
                <h1>
                    <p id="lblMainTitle">物联网浏览器</p>
                    <span id="lblSubTitle">Web开发HIM/SCADA</span>
                </h1>
            </div>
            <div class="control">
                <ul>
                    <li>
                        <a data-href="window/index.html" class="am-btn" data-fun="1">
                            <img src="images/paste.png" alt="">
                        </a>
                        <p>窗口操作</p>
                    </li>
                    <li>
                        <a data-href="webcom/es5_debug.html" class="am-btn" data-fun="1">
                            <img src="images/package.png" alt="" />
                        </a>
                        <p>Web串口</p>
                    </li>
                    <li>
                        <a data-href="weight/index.html" class="am-btn" data-fun="1">
                            <img src="images/weight.png" alt="">
                        </a>
                        <p>电子秤</p>
                    </li>
                    <li id="aPrint">
                        <a data-href="modbus/index.html" class="am-btn" data-fun="1">
                            <img src="images/paste.png" alt="" />
                        </a>
                        <p>Modbus</p>
                    </li>
                    <li>
                        <a  data-href="mqtt/index.html" class="am-btn" data-fun="1">
                            <img src="images/set.png" alt="" />
                        </a>
                        <p>Mqtt</p>
                    </li>
                    <li>
                        <a href="javsscript:void(0);" class="am-btn" data-fun="3">
                            <img src="images/quit.png" alt="" />
                        </a>
                        <p>退出</p>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <iframe id="main" src=""></iframe>

    <div class="footer">
        <div class="footer-left">&nbsp;</div>
        <div class="footer-center"></div>
        <div class="footer-right">设备编号：<b id="lblEID"></b></div>
    </div>
</body>

</html>